// POPOVERS
// --------

.popover
  position: absolute
  top: 0
  left: 0
  z-index: $zindexPopover
  display: none
  padding: 5px
  &.top
    margin-top:  -5px
  &.right
    margin-left:  5px
  &.bottom
    margin-top:   5px
  &.left
    margin-left: -5px
  &.top .arrow
    $popoverArrow-top()
  &.right .arrow
    $popoverArrow-right()
  &.bottom .arrow
    $popoverArrow-bottom()
  &.left .arrow
    $popoverArrow-left()
  .arrow
    position: absolute
    width: 0
    height: 0


.popover-inner
  padding: 3px
  width: 280px
  overflow: hidden
  background: $black // has to be full background declaration for IE fallback
  background: rgba(0,0,0,.8)
  $border-radius(6px)
  $box-shadow(0 3px 7px rgba(0,0,0,0.3))

.popover-title
  padding: 9px 15px
  line-height: 1
  background-color: #f5f5f5
  border-bottom:1px solid #eee
  $border-radius(3px 3px 0 0)

.popover-content
  padding: 14px
  background-color: $white
  $border-radius(0 0 3px 3px)
  $background-clip(padding-box)
  p, ul, ol
    margin-bottom: 0



